Всем привет. Столкнулся с такой задачей.
Есть див элемент! По клику на ссылку в него загружается новая html страничка.
Это средствами библиотеки jquery
$("#DIV_ID").load("feeds.html");
Следующий вариант кода я отмел в виду простоты первого.
/*$(document).ready(function(){
$.ajax({
url: "feeds1.html",
cache: false,
beforeSend: function() {
$('#DIV_ID').html('Получаем контент');
},
success: function(html){
$("#DIV_ID").html(html);
}
});
return false;
});*/
Так вот
function hiden() {
$("#DIV_ID").fadeOut("slow")
}
function show1() {
$("#DIV_ID").css("display", "none");
$("#DIV_ID").fadeIn(1000); }
function i (){
//$("#content").css("display", "none");
hiden();
$("#DIV_ID").load("feeds.html");
show1();
function i1 (){
hiden();
$("#DIV_ID").load("feeds1.html");
show1();
}
}
Данный код действительно плавно отображает вновь загружаемый контент ,но пывком скрывает старый, то есть не так как надо,а надо плавно как и появление!Элемент див выглядит так
<div id="DIV_ID" style="display:none"></div>
Как медленно скрывать удаляемый контент и показывать вновь загруженный медленно.?